<template>
  <div>
     <el-card class="box-card">
          <div slot="header" class="clearfix">
            <el-row>
              <el-col :span="5">
                <el-avatar :size="40" :src="articleInfo.avatar"> </el-avatar>
              </el-col>
              <el-col :span="19">
                <div class="author"><el-link :underline="false">{{ articleInfo.username }}</el-link></div>
                
                
                  <img src="@/assets/img/vip.png" alt="" width="15px" />
                
              </el-col>
              <el-col :span="24">
                分类：<el-tag><slot></slot></el-tag>
              </el-col>
              <el-col :span="24">
                标签：<el-tag v-for="item in articleInfo.tags" :key="item.id">{{item.tagName}}</el-tag>
              </el-col>

              
            </el-row>
          </div>

          <div v-for="o in 1" :key="o" class="text item">
            <el-button class="bb" round>私信</el-button>
            <el-button class="bb" round>关注</el-button>
          </div>
        </el-card>
  </div>
</template>

<script>
export default {
    data () {
        return {
            
        }
    },
    props: ['articleInfo']

}
</script>

<style scoped>

.author {

  font-size: 12px;
  font-weight: bold;

  position: relative;
  display: inline;
  
}
.bb {
  width: 120px;
}


</style>